<div class="row">
    <div class="col-md-3">
        <div class="card p-30">
            <div class="media">
                <div class="media-left meida media-middle">
                    <span><i class="fa fa-book f-s-40 color-success"></i></span>
                </div>
                <div class="media-body media-text-right">
                    <h2><?php echo $countOfArticle;?></h2>
                    <p class="m-b-0">文章</p>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card p-30">
            <div class="media">
                <div class="media-left meida media-middle">
                    <span><i class="fa fa-tags f-s-40 color-success"></i></span>
                </div>
                <div class="media-body media-text-right">
                    <h2><?php echo $countOfTag; ?></h2>
                    <p class="m-b-0">标签</p>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card p-30">
            <div class="media">
                <div class="media-left meida media-middle">
                    <span><i class="fa fa-music f-s-40 color-success"></i></span>
                </div>
                <div class="media-body media-text-right">
                    <h2><?php echo $countOfAttachment; ?></h2>
                    <p class="m-b-0">媒体库</p>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card p-30">
            <div class="media">
                <div class="media-left meida media-middle">
                    <span><i class="fa fa-file f-s-40 color-success"></i></span>
                </div>
                <div class="media-body media-text-right">
                    <h2><?php echo $countOfPage; ?></h2>
                    <p class="m-b-0">页面</p>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <!-- column -->
    <div class="col-lg-12">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title">用户访问PV量</h4>
                <div id="volume-chart"></div>
            </div>
        </div>
    </div>
</div>
<script src="theme/js/lib/morris-chart/raphael-min.js"></script>
<script src="theme/js/lib/morris-chart/morris.js"></script>
<script type="text/javascript">
    $(function () {
        Morris.Area( {
            element: 'volume-chart',
            data:<?php echo json_encode($volumekeyvlues) ?>,
            xkey: 'currentday',
            ykeys: [ 'pageviews'],
            labels: [ 'PV' ],
            pointSize: 3,
            fillOpacity: 0,
            pointStrokeColors: [ '#26DAD2', '#4680ff', '#fc6180' ],
            behaveLikeLine: true,
            gridLineColor: '#e0e0e0',
            lineWidth: 3,
            hideHover: 'auto',
            lineColors: [ '#26DAD2', '#4680ff', '#fc6180' ],
            resize: true,
            parseTime:false

        } );
    });
</script>